<template>
	<view>
		<view class="price">
			<view>￥{{ `${money}` }}</view>
		</view>
		<view class="zhuanrang"><view @click="tixian(money)" class="btn">提现</view></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			money: 0
		};
	},
	onLoad() {
		this.getMoney();
	},
	methods: {
		getMoney() {
			this.https('/order/masterWallet', {}).then(res => {
				console.log(res);
				this.money = res.data.money;
			});
		},
		tixian(money) {
			uni.navigateTo({
				url: '/pages/user/tixian/tixian?money=' + money
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.zhuanrang {
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 164rpx;
	.btn {
		width: 90%;
		margin: 0 auto;
		height: 100rpx;
		line-height: 100rpx;
		background-color: #45bb52;
		text-align: center;
		border-radius: 16rpx;
		color: #fff;
	}
}
.price {
	width: 750rpx;
	height: 400rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.price view:nth-child(1) {
	font-size: 40rpx;
	font-weight: 700;
}
</style>
